// 向服务器端发送请求
$.ajax({
    type: 'get',
    url: '/posts',
    success: function(response) {
        //   console.log(response);
        var html = template('postsTpl', response);
        $('#postsBox').html(html);
        var page = template('pageTpl', response);
        //   console.log(page);
        $('#pageBox').html(page);
    }
});
// 处理日期时间格式
function formateDate(date) {
    // 将日期时间字符串转换成日期对象
    date = new Date();
    return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
// 分页
function changePage(page) {
    $.ajax({
        type: 'get',
        url: '/posts',
        data: {
            page: page
        },
        success: function(response) {
            // console.log(response);
            var html = template('postsTpl', response);
            $('#postsBox').html(html);
            var page = template('pageTpl', response);
            // console.log(page);
            // $('#pageBox').html(page);
        }
    });
}
// 向服务器端发送请求索要分类数据
$.ajax({
    type: 'get',
    url: '/categories',
    success: function(response) {
        // console.log(response);
        var html = template('categoryTpl', {
                data: response
            })
            // console.log(html);
        $('#selectBox').html(html);
    }
})

// 当用户进行文章列表筛选的时候
$('#filterForm').on('submint', function() {
    // 获取到管理员选择的过滤条件
    var formDate = $(this).serialize();
    // 向服务器端发送请求 根据条件索要文章列表数据
    $.ajax({
            type: 'get',
            url: '/posts',
            data: formDate,
            success: function(response) {
                var html = template('postsTpl', response);
                $('#postsBox').html(html);
                var page = template('pageTpl', response);
                $('#page').html(page);
            }
        })
        // 阻止表单默认提交行为
    return false;

});

$('#postsBox').on('click', '.delete', function() {

    if (confirm('你确定要删除文章吗?')) {
        // 获取到要删除文章的id
        var id = $(this).attr('data-id');
        $.ajax({
            type: 'delete',
            url: '/posts/' + id,
            success: function() {
                location.reload();
            }
        })
    }
})